<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>投启网络 - 上海投启网络科技有限公司</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/pure-min.css" integrity="sha384-UQiGfs9ICog+LwheBSRCt1o5cbyKIHbwjWscjemyBMT9YCUMZffs6UqUTd0hObXD" crossorigin="anonymous">
	<link rel="stylesheet" href="//at.alicdn.com/t/font_dfpgsa2ucs0jm7vi.css">
	<link rel="stylesheet" href="./css/site.css">	
	<!--[if lte IE 8]>
    	<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/grids-responsive-old-ie-min.css">
	<![endif]-->
	<!--[if gt IE 8]><!-->
		<link rel="stylesheet" href="https://unpkg.com/purecss@0.6.2/build/grids-responsive-min.css">
	<!--<![endif]-->
	<link href="https://cdn.bootcss.com/unslider/2.0.3/css/unslider.css" rel="stylesheet">
	<link href="https://cdn.bootcss.com/unslider/2.0.3/css/unslider-dots.css" rel="stylesheet">
</head>
<body>
	<div class="ak-header">
		<div class="header-hat text-right">		
			<div class="container">
				<div class="header-info">
					<i class="icon icon-tel"></i> 咨询电话：021-37213721					
				</div>
			</div>			
		</div>
		<div class="container">
			 <div class="custom-wrapper pure-g" id="menu">
				<div class="pure-u-1 pure-u-md-1-3">
					<div class="pure-menu">
						<a href="#" class="pure-menu-heading custom-brand"><img class="menu-logo" src="./images/logo.jpg" ></a>
						<a href="#" class="custom-toggle" id="toggle"><s class="bar"></s><s class="bar"></s></a>
					</div>
				</div>
				<div class="pure-u-1 pure-u-md-1-3">
					<div class="pure-menu pure-menu-horizontal custom-can-transform">
						<ul class="pure-menu-list">
							<li class="pure-menu-item pure-menu-selected"><a href="#" class="pure-menu-link">投启首页</a></li>
							<li class="pure-menu-item"><a href="#" class="pure-menu-link">项目展示</a></li>
							<li class="pure-menu-item"><a href="#" class="pure-menu-link">热门动态</a></li>
							<li class="pure-menu-item"><a href="#" class="pure-menu-link">关于我们</a></li>
						</ul>
					</div>
				</div>
				<div class="pure-u-1 pure-u-md-1-3">
					<div class="pure-menu pure-menu-horizontal custom-menu-3 custom-can-transform">
						<ul class="pure-menu-list">
							
							<li class="pure-menu-item"><a href="#" class="pure-menu-link">支持服务</a></li>
						</ul>
					</div>
				</div>
			</div>			
		</div>
	</div>
	<div class="ak-container">
		<div class="ak-slider-box">
			<div class="ak-slider">
				<ul>
					<li><div style="background:url(./images/banner1.jpg) bottom no-repeat;background-size:cover;"></div> </li>
					<li><div style="background:url(./images/banner2.jpg) bottom no-repeat;background-size:cover;"></div> </li>
					<li><div style="background:url(./images/banner3.jpg) bottom no-repeat;background-size:cover;"></div> </li>
				</ul>
			</div>
		</div>
		<div class="ak-content">			
			<h2 class="ak-title">PROJECT CENTER</h2>
			<h3 class="ak-sub-title">项目展示</h3>
			<div class="ak-title-line"><div class="ak-line-block"></div></div>
			<div class="ak-content-block">
				<div class="container">
					<div class="pure-g">
						<div class="pure-u-1 pure-u-md-1-3"> 
							<div class="ak-card">
								<div class="ak-card-img text-center">
									<img src="./images/cardimg1.png" width="260px">
								</div>
								<div class="ak-card-title">
									<h4>恒大冰泉</h4>
									<p>阅读更多资料</p>
								</div>
							</div>
						</div>
						<div class="pure-u-1 pure-u-md-1-3"> 
							<div class="ak-card">
								<div class="ak-card-img text-center">
									<img src="./images/cardimg1.png" width="260px">
								</div>
								<div class="ak-card-title">
									<h4>恒大冰泉</h4>
									<p>阅读更多资料</p>
								</div>
							</div>
						</div>
						<div class="pure-u-1 pure-u-md-1-3"> 
							<div class="ak-card">
								<div class="ak-card-img text-center">
									<img src="./images/cardimg1.png" width="260px">
								</div>
								<div class="ak-card-title">
									<h4>恒大冰泉</h4>
									<p>阅读更多资料</p>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>	
		</div>
		<div class="ak-content">	
			<h2 class="ak-title">HOT NEWS</h2>
			<h3 class="ak-sub-title">热门动态</h3>
			<div class="ak-title-line"><div class="ak-line-block"></div></div>
			<div class="ak-content-block">
				<div class="container">
					<div class="pure-g">
						<div class="pure-u-1 pure-u-md-1-3"> 
							<div class="ak-card">
								<div class="ak-card-img text-center">
									<img src="./images/cardimg1.png" width="260px">
								</div>
								<div class="ak-card-title">
									<h4>恒大冰泉</h4>
									<p>阅读更多资料</p>
								</div>
							</div>
						</div>												
					</div>
				</div>
			</div>
		</div>
		<div class="ak-content">
			<h2 class="ak-title">ABOUT US</h2>
			<h3 class="ak-sub-title">关于我们</h3>
			<div class="ak-title-line"><div class="ak-line-block"></div></div>
		</div>
	</div>
	<div class="ak-footer">	
		<div class="container">
			<div>
				<p>&copy;WOYETOU.NET, 投启网络 保留所有权利.</p>
				<a href="#">法律声明</a>. <a href="#">风险提示</a>. <a href="#">隐私条款</a>. 沪ICP备098838137号 				
			</div>			
		</div>	
		
	</div>
	<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
	<script src="https://cdn.bootcss.com/unslider/2.0.3/js/unslider-min.js"></script>
	<script src="https://unpkg.com/jquery.event.move@1.3.6/js/jquery.event.move.js"></script>
	<script src="https://unpkg.com/jquery.event.swipe@0.5.4/js/jquery.event.swipe.js"></script>
	<script>
		$(document).ready(function(){
			var slider=$('.ak-slider').unslider({				
				autoplay: true,
				infinite: true,
				delay: 5000,			
				arrows:false
			});
		});
		(function (window, document) {
			var menu = document.getElementById('menu'),
				WINDOW_CHANGE_EVENT = ('onorientationchange' in window) ? 'orientationchange':'resize';
			
			function toggleHorizontal() {
				[].forEach.call(
					document.getElementById('menu').querySelectorAll('.custom-can-transform'),
					function(el){
						el.classList.toggle('pure-menu-horizontal');
					}
				);
			};
			
			function toggleMenu() {
				// set timeout so that the panel has a chance to roll up
				// before the menu switches states
				if (menu.classList.contains('open')) {
					setTimeout(toggleHorizontal, 500);
				}
				else {
					toggleHorizontal();
				}
				menu.classList.toggle('open');
				document.getElementById('toggle').classList.toggle('x');
			};
			
			function closeMenu() {
				if (menu.classList.contains('open')) {
					toggleMenu();
				}
			}
			
			document.getElementById('toggle').addEventListener('click', function (e) {
				toggleMenu();
				e.preventDefault();
			});
      
			window.addEventListener(WINDOW_CHANGE_EVENT, closeMenu);
		})(this, this.document);
	</script>
</body>
</html>